<template>
    <div class="admin-wrapper">
        <div class="sidebar">
            <div class="sidebar-fixed">
                <div class="sidebar-scroll">
                    <div class="sidebar-profile">
                        <el-dropdown>
                            <div class="el-dropdown-link">
                                <img src="/images/common/favicon.png" class="logo" alt="">
                                <div class="sitename">后台管理中心</div>
                                <i class="el-icon-arrow-down el-icon--right"></i>
                            </div>
                            <el-dropdown-menu style="width: 160px;" slot="dropdown">
                                <el-dropdown-item>个人资料</el-dropdown-item>
                                <a href="/admin/logout">
                                    <el-dropdown-item>
                                        退出登录
                                    </el-dropdown-item>
                                </a>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <div class="v-common-nav">
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/">
                                    <span class="iconfont icon-home_light"></span>
                                    <span>首页</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/settings">网站设置</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/">后台首页</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/user/list">
                                    <span class="iconfont icon-people_list_light"></span>
                                    <span>用户</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/user/list">用户列表</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/user/group">用户分组</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/meeting/volunteer">
                                    <span class="iconfont icon-attention_light"></span>
                                    <span>会务系统</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/volunteer">自愿者</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/guest">参会嘉宾</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/group">会务小组</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/hotel/list">会务酒店</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/service">服务电话</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/activity/list">体验活动</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/signin">签到记录</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/meeting/activity/enroll">活动报名</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/post">
                                    <span class="iconfont icon-news_light"></span>
                                    <span>文章</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/post/list">文章列表</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/post/catlog">文章分类</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/page/list">
                                    <span class="iconfont icon-form_light"></span>
                                    <span>页面</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/page/list">页面列表</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/page/category">页面分类</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <router-link to="/wechat/menu">
                                    <span class="iconfont icon-wechat-fill"></span>
                                    <span>微信</span>
                                </router-link>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/wechat/menu">菜单管理</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/wechat/material">素材管理</router-link>
                                </div>
                            </div>
                        </div>
                        <div class="v-common-nav-model">
                            <div class="v-common-nav-model-link">
                                <span class="iconfont icon-skin_light"></span>
                                <span>其他</span>
                            </div>
                            <div class="v-common-nav-link-wrapper">
                                <div class="v-common-nav-link">
                                    <router-link to="/material/list">素材管理</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/link/list">链接管理</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/district/list">区域管理</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/block/list">内容模块</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/ad/list">广告管理</router-link>
                                </div>
                                <div class="v-common-nav-link">
                                    <router-link to="/label/list">自定义标签</router-link>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mainframe">
            <div class="mainframe-container">
                <slot></slot>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "AdminFrame"
    }
</script>

<style scoped>

</style>
